<!DOCTYPE html> <!-- html5标准声明 html用标签表示出来的 -->
<html lang="en">
<!-- 头 -->

<head>
    <!-- 设置网页的编码 -->
    <meta charset="UTF-8">
    <!-- 针对移动段设计的  让像素在移动设备上根据情况放大或缩小 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网页的标题  显示在标题栏中 -->
    <title>我的网页</title>
</head>
<!-- 身体 -->

<body>
    <!-- 网页的内容书写的地方 -->
    <!-- 标签:
        分类：
        按照性质类分：
        行级标签：无论多少内容 逐个摆放 直到放不下换行
        块级标签：无论多少内容 前后换行 独占一行
    -->

    <!-- 常见的块级标签 -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

    <div>区块</div>

    <p>段落</p>

    <hr>

    <ul>
        <li>登录</li>
        <li>注册</li>
        <li>首页</li>
    </ul>

    <ol type="a">
        <li>登录</li>
        <li>注册</li>
        <li>首页</li>
    </ol>


    <table border="1" width="800px">
        <tr>
            <td>第一行第一列</td>
            <td>第一行第二列</td>
        </tr>
        <tr>
            <td>第二行第一列</td>
            <td>第二行第二列</td>
        </tr>
    </table>


    <form action="提交表单的地址" method="post">
        文本框： <input type="text" name="username"> <br>
        密码框： <input type="password" name="password">
        <input type="submit" value="确定">
    </form>
    55<br>55


    <!-- 常见的行级标签 -->
    特价<span style="color: red; font-size: 50px;">50</span>元

    <a href="http://www.baidu.com" target="_blank">去百度</a>

    <img src="imgs/a.pn" width="100px" height="100px" title="我是一朵花花" alt="图片丢失">

    <!-- 音频 -->
    <!-- <audio src="mp3/1.mp3" controls autoplay loop></audio> -->
    <!-- <video src="mp4/mi.mp4" controls autoplay></video> -->

    <iframe src="//player.bilibili.com/player.html?aid=357315378&bvid=BV15X4y147gV&cid=1164399916&page=1" scrolling="no"
        border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

    <iframe src="2.测试.html" frameborder="0" width="500px"></iframe>

</body>

</html>